import React from "react"
import { List, NavBar } from 'antd-mobile';

const Item = List.Item;

class User extends React.Component {
    state = {
        disabled: false,
    }

    render() {
        return (<div>
            <NavBar
                mode="light"
            >
                个人
        </NavBar>
            <div className="avatar-box">
                <img src="images/user/user.png" alt="" />
                <p>15274324218</p>
            </div>
            <List>
                <Item
                    thumb="images/user/user01.png"
                    arrow="horizontal"
                    onClick={() => { }}
                >关于我们</Item>
            </List>
            <List>
                <Item
                    thumb="images/user/user02.png"
                    arrow="horizontal"
                    onClick={() => { }}
                >使用帮助</Item>
                <Item
                    thumb="images/user/user03.png"
                    onClick={() => { }}
                    arrow="horizontal"
                >客服电话</Item>
            </List>
            <List>
                <Item
                    thumb="images/user/user04.png"
                    arrow="horizontal"
                    onClick={() => { }}
                >问题反馈</Item>
                <Item
                    thumb="images/user/user05.png"
                    onClick={() => { }}
                    arrow="horizontal"
                >个人设置</Item>
            </List>
            <List>
                <Item
                    thumb="images/user/user06.png"
                    arrow="horizontal"
                    onClick={() => { }}
                >修改资料</Item>
                <Item
                    thumb="images/user/user07.png"
                    onClick={() => { }}
                    arrow="horizontal"
                >退出登录</Item>
            </List>
            <style jsx="true">{`
     .am-list {
         margin-bottom:15px;
     }
     .avatar-box{
        text-align: center;
        padding: 15px 0;
     }
     .avatar-box img {
        width:75px;
    }
    .avatar-box p{
        margin: 0;
        line-height: 30px;
    }
    `}</style>
        </div>);
    }
}

export default User